<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
{% load staticfiles %}
<meta charset="UTF-8" />
<title>Información película</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, , initial-scale=1.0">

<link href="http://livedemo00.template-help.com/opencart_49582/image/data/favicon.png" rel="icon" />

<link href="{% static 'css/monster/bootstrap.css' %}" rel="stylesheet" type="text/css" />
<link href="{% static 'css/monster/cloud-zoom.css' %}" rel="stylesheet" type="text/css" />
<link href="{% static 'css/monster/stylesheet.css' %}" rel="stylesheet" type="text/css" />
<link href="{% static 'css/monster/font-awesome.css' %}" rel="stylesheet" type="text/css" />
<link href="{% static 'css/monster/slideshow.css' %}" rel="stylesheet" type="text/css" />
<link href="{% static 'css/monster/jquery.prettyPhoto.css' %}" rel="stylesheet" type="text/css" />
<link href="{% static 'css/monster/camera.css' %}" rel="stylesheet" type="text/css" />
<link href="{% static 'css/monster/superfish.css' %}" rel="stylesheet" type="text/css" />
<link href="{% static 'css/monster/responsive2.css' %}" rel="stylesheet" type="text/css" />
<link href="{% static 'css/monster/photoswipe.css' %}" rel="stylesheet" type="text/css" />
<link href="{% static 'css/monster/jquery.bxslider.css' %}" rel="stylesheet" type="text/css" />
<link href="{% static 'css/monster/colorbox.css' %}" rel="stylesheet" type="text/css"  media="screen" />
<link href="{% static 'css/monster/jquery-ui-1.8.16.custom.css' %}" rel="stylesheet" type="text/css" />
<link href="{% static 'css/monster/jquery.fancybox-1.3.4.css' %}" rel="stylesheet" type="text/css" media="screen" />
<link href="{% static 'css/monster/livesearch.css' %}" rel="stylesheet" type="text/css" />
<link href='//fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Roboto+Slab:400,700,100,300' rel='stylesheet' type='text/css'>

<link href="{% static 'css/monster/colorbox2.css' %}" rel="stylesheet" type="text/css"  media="screen" />
<link href="{% static 'css/monster/colorbox3.css' %}" rel="stylesheet" type="text/css"  media="screen" />
<!--<link rel="stylesheet" type="text/css" href="catalog/view/theme/theme415/stylesheet/colorbox.css" media="screen" />
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/colorbox/colorbox.css" media="screen" />-->

<script src="{% static 'js/monster/jquery-1.10.2.min.js' %}"></script>
<script src="{% static 'js/monster/jquery-migrate-1.2.1.min.js' %}"></script>
<script src="{% static 'js/monster/jquery-ui-1.8.16.custom.min.js' %}"></script>
<script src="{% static 'js/monster/jquery.cookie.js' %}"></script>
<script src="{% static 'js/monster/jquery.fancybox-1.3.4.pack.js' %}"></script>
<script src="{% static 'js/monster/jquery.colorbox.js' %}"></script>
<script src="{% static 'js/monster/jquery.jcarousel.min.js' %}"></script>
<script src="{% static 'js/monster/jquery.cycle.js' %}"></script>
<script src="{% static 'js/monster/bootstrap.js' %}"></script>
<script src="{% static 'js/monster/tabs.js' %}"></script>
<script src="{% static 'js/monster/jQuery.equalHeights.js' %}"></script>
<script src="{% static 'js/monster/jquery.elevatezoom.js' %}"></script>
<script src="{% static 'js/monster/jquery.prettyPhoto.js' %}"></script>
<script src="{% static 'js/monster/jscript_zjquery.anythingslider.js' %}"></script>
<script src="{% static 'js/monster/jquery.nivo.slider.pack.js' %}"></script>
<script src="{% static 'js/monster/jquery.mobile-events.js' %}"></script>
<script src="{% static 'js/monster/superfish.js' %}"></script>
<script src="{% static 'js/monster/script.js' %}"></script>
<script src="{% static 'js/monster/camera.js' %}"></script>
<script src="{% static 'js/monster/common.js' %}"></script>
<!-- bx-slider -->
<script src="{% static 'js/monster/jquery.bxslider.js' %}"></script>
<!-- photo swipe -->
<script src="{% static 'js/monster/klass.min.js' %}"></script>
<script src="{% static 'js/monster/code.photoswipe.jquery-3.0.5.js' %}"></script>
<!--<script src="{% static 'js/monster/jquery.total-storage.min.js' %}"></script>-->

<!--[if IE]>
<script src="catalog/view/theme/theme415/js/html5.js"></script>
<![endif]-->
<!--[if lt IE 8]><div style='clear:both;height:59px;padding:0 15px 0 15px;position:relative;z-index:10000;text-align:center;'><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a></div><![endif]-->
<!--[if IE]>
<script src="catalog/view/theme/theme415/js/sl/jscript_zjquery.anythingslider.js"></script>
<![endif]-->
<!--[if  IE 8]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/theme415/stylesheet/ie8.css" />
<![endif]-->
<!--[if  IE 8]>
<script src="catalog/view/theme/theme415/js/respond.js"></script>
<![endif]-->
<!--[if  IE 8]>
<script src="catalog/view/theme/theme415/js/matchmedia.polyfill.js"></script>
<![endif]-->
<!--[if  IE 8]>
<script  src="catalog/view/theme/theme415/js/matchmedia.addListener.js"></script>
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/theme415/stylesheet/ie6.css" />
<script type="text/javascript" src="catalog/view/javascript/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('#logo img');
</script>
<![endif]-->
<script>
	if (navigator.userAgent.match(/Android/i)) {
		var viewport = document.querySelector("meta[name=viewport]");
	}
	if(navigator.userAgent.match(/Android/i)){
		window.scrollTo(0,1);
	}
</script> 


</head>

<body class="product-product">
<div id="body">
	{% include 'monster/headermovil.html' %}
		<div id="page">
			<div id="shadow">
				<div class="shadow"></div>
				{% include 'monster/header.html' %}
				
		<section>
			<div id="container">
				<p id="back-top"> <a href="#top"><span></span></a> </p>
					<div class="container">
						<div id="notification"></div>
							<div class="row">
								<div class="col-sm-9 col-sm-12" id="content">	
									<div class="breadcrumb">
										<a href="{% url 'monster' %}">Home</a>
										&raquo; <a>{{pelicula.title}}</a>
									</div>
									<div class="product-info">
										<div class="row">
											<div class="col-sm-4"> 
                                                <!-- MENU MOVIL -->
												<h1 class="view">{{pelicula.title}}</h1>
	
	<!--<script type="text/javascript">
		jQuery(document).ready(function(){
		var myPhotoSwipe = $("#gallery a").photoSwipe({ enableMouseWheel: false , enableKeyboard: false, captionAndToolbarAutoHideDelay:0 });
		});
	</script>-->
	
                                                <div id="full_gallery">
                                                    <ul id="gallery">	
                                                        <li>
                                                            <img onerror="if (this.src != '{% static 'images/portadaVacia.png' %}') this.src = '{% static 'images/portadaVacia.png' %}';" src="{{pelicula.artwork}}" alt="{{pelicula.title}}" /></a>
                                                        </li>
                                                    </ul>
                                                </div>
                                                <!-- FIN MENU MOVIL -->
	
                                                <div id="default_gallery" class="left spacing">
                                                    <div class="image"> 
                                                        <img id="zoom_01" onerror="if (this.src != '{% static 'images/portadaVaciaGrande.png' %}') this.src = '{% static 'images/portadaVaciaGrande.png' %}';" data-zoom-image="{{pelicula.artwork}}" src="{{pelicula.artwork}}" title="{{pelicula.title}}" alt="{{pelicula.title}}" />
                                                    </div>
                                                </div>
                                            </div>
                
                
                                            <div class="col-sm-8">
                                                <h1>{{pelicula.title}}</h1>
                                                <div class="description">
                                                    <div class="product-section">
                                                        <span>Género:</span> <span>{% for a in pelicula.genre.all %} {{ a }}{% if forloop.last %} {% else %},{% endif %}{% endfor %}</span><br />
                                                        <span>Director:</span> {% for d in pelicula.director.all %} {{d}} {% endfor %}<br />
                                                        <span>Actores:</span>{% for a in pelicula.actor.all %} {{ a }}{% if forloop.last %} {% else %},{% endif %}{% endfor %}
                                                    </div>
		
                                                   
                                                    <div class="cart">
                                                        <div class="prod-row">
                                                            <div class="cart-top">
                                                                <div class="cart-top-padd form-inline">
                                                                    <a id="button-cart" class="button-prod" style="margin: 0 0px;">Obtener Código</a>
                                                                </div>
                                                                <div class="clear"></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="clear"></div>
                                                    <div class="review">
                                                        <div>
                                                            <img src="{% static 'images/stars-0.png' %}" alt="0 reviews" />&nbsp;&nbsp;
                                                            <div class="btn-rew">
                                                                <a onclick="document.getElementById('tab-review').scrollIntoView();">Filmaffinity: <script>var x=Math.floor((Math.random() * 10) + 1); document.write(x);</script>/10 </a>
                                                                
                                                                <div class="clear"></div>
                                                            </div>
                                                        </div>
                                                        
                                                        
                                                    </div>
                                                    <div class="review">
                                                        <div>
                                                            <img src="{% static 'images/stars-5.png' %}" alt="0 reviews" />&nbsp;&nbsp;
                                                            <div class="btn-rew">
                                                                <a onclick="document.getElementById('tab-review').scrollIntoView();">IMDB: <script>var x=Math.floor((Math.random() * 10) + 1); document.write(x);</script>/10 </a>
                                                                
                                                                <div class="clear"></div>
                                                            </div>
                                                        </div>
                                                        
                                                        <div class="clear"></div>
                                                    </div>
                                                    <div class="clear"></div>
                                                    <div class="share">
                                                        <!-- AddThis Button BEGIN -->
                                                        <span class='st_facebook_hcount' displayText='Facebook'></span>
                                                        <span class='st_twitter_hcount' displayText='Tweet'></span>
                                                        <span class='st_googleplus_hcount' displayText='Google +'></span>
                                                        <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
                                                        <!-- AddThis Button END -->
                                                    </div>
                                                </div>
                                            </div>
  
  
                                        </div>
                                        
                                        <div class="tabs">
                                            <div class="tab-heading">Descripción</div>
                                                <div class="tab-content">
                                                    <p style="text-align:justify;"> {{pelicula.plot}}</p>
                                            </div>
                                        </div>
                                         <div class="tabs">
                                            <div class="tab-heading" style="border-bottom:4px solid #27AE60 !important;">Valoración del Bibliotecario   <img style="margin-left: 15px;"src="{% static 'images/stars-5.png' %}" alt="0 reviews" /></div>
                                                <div class="tab-content">
                                                    <p style="text-align:justify;"> Hacía tiempo que el cine no se atrevía a tanto y de manera tan desordenada. Uno sale de ver la versión del mito del Arca a cargo de Darren Aronofsky 
                                                    y no puede por menos que pasarse tres días seguidos frotándose los ojos. ¿Qué se ha visto exactamente? Sobre el papel, pocas historias tan entrañables como 
                                                    la del hombre que más ha hecho por la venta de juguetes de madera en Imaginarium. Llueve y todos los animalitos del mundo, inocentes en su estupidez sin conciencia, 
                                                    corren a refugiarse en un bonito barco de colores. Por parejas: el hipopotamito con la hipotamita, la jirafita con el jirafito… Todos seres pluricelulares y todos 
                                                    heterosexuales. Peras con peros, que diría Botella. Y así hasta quedarse dormido contando especies, subespecies y subsubespecies.</p>
                                            </div>
                                        </div>
			
		  
                                    </div>
  
  
  
                                    <h1 class="style-1 mt0">Películas relacionadas</h1>
                                    <div  class="related">
                                        <div class="box-product"> 
                                            <ul class="related-slider">
                                                {% for r in relacionadas %}
                                                <li class="related-info">
                                                    <div class="image">
                                                        <a href="{% url 'infoPeli' r.id_XML %}">
                                                        <img onerror="if (this.src != '{% static 'images/portadaVacia.png' %}') this.src = '{% static 'images/portadaVacia.png' %}';" id="img_r.id_XML" src="{{r.artwork}}" alt="{{r.title}}" /></a>
                                                    </div>
                                                    </br>
                                                    <div class="name">
                                                        <a href="{% url 'infoPeli' r.id_XML %}">{{r.title}}</a>
                                                    </div>
                                                                
                                                    <div class="cart-button">
                                                        <div class="cart">
                                                            <a title="Obtener código" class="button "><span>Obtener código</span></a>
                                                        </div>
                                                        <span class="clear"></span>
                                                    </div>
                                                    <div class="rating">
                                                        <img height="13" src="{% static 'images/stars-5.png' %}" alt="1 reviews" />
                                                    </div>
                                                </li>
                                                {% endfor %}
                                            </ul>
                                        </div>
                                    </div>
                                </div>
  
                                <aside class="col-sm-3" id="column-right">
  
    <script type="text/javascript">
		(function($){$.fn.equalHeights=function(minHeight,maxHeight){tallest=(minHeight)?minHeight:0;this.each(function(){if($(this).height()>tallest){tallest=$(this).height()}});if((maxHeight)&&tallest>maxHeight)tallest=maxHeight;return this.each(function(){$(this).height(tallest)})}})(jQuery)
	$(window).load(function(){
		if($(".maxheight-best").length){
		$(".maxheight-best").equalHeights()}
	})
</script>
                                    {% for n in novedad %}
                                    <div class="box bestsellers">
											<div class="box-heading">{% if forloop.first %}Novedades{% endif %}</div>
											<div class="box-content">
												<div class="box-product">
													<ul class="row">
														<li class="first-in-line last_line col-sm-3">
															<div class="padding">
																<div class="image2">
																	<a href="{% url 'infoPeli' n.id_XML %}">
																	<img id="img_{{n.id_XML}}" onerror="if (this.src != '{% static 'images/portadaVaciaGrande.png' %}') this.src = '{% static 'images/portadaVaciaGrande.png' %}';" src="{{n.artwork}}" alt="{{n.title}}" /></a>					
																</div>
																<div class="inner">
																	<div class="name maxheight-best">
																		<a href="{% url 'infoPeli' n.id_XML %}">{{n.title}}</a>
																	</div>
																	<div class="price">
																		<span class="price-new"></span>
																	</div>
																				
																	<div class="f-left">
																		<div class="cart-button">
																			<div class="cart">
																				<a title="Obtener Código" data-id="{{n.id_XML}};" class="button addToCart">
																					<span>Obtener Código</span>
																				</a>
																			</div>
																			
																			<span class="clear"></span>
																		</div>
																		<div class="clear"></div>
																	</div>
																</div>
																<div class="clear"></div>
															</div>
														</li>
													</ul>
												</div>
											</div>
										</div>
                                    {% endfor %}



<script type="text/javascript">
		(function($){$.fn.equalHeights=function(minHeight,maxHeight){tallest=(minHeight)?minHeight:0;this.each(function(){if($(this).height()>tallest){tallest=$(this).height()}});if((maxHeight)&&tallest>maxHeight)tallest=maxHeight;return this.each(function(){$(this).height(tallest)})}})(jQuery)
	$(window).load(function(){
		if($(".maxheight").length){
		$(".maxheight").equalHeights()}
	})
</script>



    </aside>
    
    
<script type="text/javascript"><!--
$(document).ready(function() {
	$('.colorbox').colorbox({
		overlayClose: true,
		opacity: 0.5,
		rel: "colorbox"
	});
});
//--></script> 

<script type="text/javascript"><!--
  
  $('select[name="profile_id"], input[name="quantity"]').change(function(){
    $.ajax({
		url: 'index.php?route=product/product/getRecurringDescription',
		type: 'post',
		data: $('input[name="product_id"], input[name="quantity"], select[name="profile_id"]'),
		dataType: 'json',
        beforeSend: function() {
            $('#profile-description').html('');
        },
		success: function(json) {
			$('.success, .warning, .attention, information, .error').remove();
            
			if (json['success']) {
                $('#profile-description').html(json['success']);
			}	
		}
	});
});
  

//--></script>



<script type="text/javascript"><!--
$('#review .pagination a').live('click', function() {
	$('#review').fadeOut('slow');
		
	$('#review').load(this.href);
	
	$('#review').fadeIn('slow');
	
	return false;
});			

//--></script> 







<script type="text/javascript"><!--
$('#tabs a').tabs();
//--></script> 





<div class="clear"></div>
</div>
</div>
</div>
<div class="clear"></div>
</section>


{% include 'monster/footer.html' %}
</div>
</div>
</div>

</body></html>